.custom-markdown {
    font-family: inherit;
    transition: all .2s linear;
    letter-spacing: .5px;
    width: 100%;
    position: relative;
    word-break: break-word;
    line-height: 1.75;
    font-weight: 400;
    font-size: 15px
}

.custom-markdown nav.table-of-contents {
    display: none
}

.custom-markdown h1,
.custom-markdown h2,
.custom-markdown h3,
.custom-markdown h4,
.custom-markdown h5,
.custom-markdown h6 {
    line-height: 1.5;
    margin-top: 25px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-weight: 600;
    color: #454545
}

.custom-markdown h1 {
    font-size: 30px;
    margin-bottom: 5px
}

.custom-markdown h2 {
    font-size: 22px;
    font-weight: 700
}

.custom-markdown h3 {
    font-size: 18px;
    padding-bottom: 0
}

.custom-markdown h4 {
    font-size: 16px
}

.custom-markdown h5 {
    font-size: 15px
}

.custom-markdown h6 {
    margin-top: 5px
}

.custom-markdown p {
    line-height: inherit;
    margin: 15px 0
}

.custom-markdown hr {
    border: none;
    border-top: 1px dashed rgba(39, 146, 98, .15) !important;
    margin-top: 32px;
    margin-bottom: 32px;
    background-image: none
}

.custom-markdown strong {
    font-weight: 600;
    background-color: inherit;
    color: #279262
}

.custom-markdown em {
    background-color: inherit;
    color: #949415
}

.custom-markdown a {
    text-decoration: none;
    color: #279262;
    margin: 0 3px;
    border-bottom: 1px solid rgba(39, 146, 98, .6)
}

.custom-markdown a:active,
.custom-markdown a:hover {
    color: #27926299
}

.custom-markdown a:before {
    content: "\27a4  "
}

.custom-markdown blockquote {
    padding: 1px 22px;
    margin: 22px 0;
    border-left: 6px solid #279262;
    background-color: #2792621a;
    border-radius: 2px
}

.custom-markdown blockquote:after {
    display: block;
    content: ""
}

.custom-markdown blockquote>p {
    margin: 10px 0
}

.custom-markdown table {
    border-collapse: collapse;
    width: 100%;
    margin: .5rem auto
}

.custom-markdown thead tr {
    border: 1px solid red
}

.custom-markdown th,
.custom-markdown td {
    border: 1px solid #ececec;
    padding: 8px;
    text-align: left
}

.custom-markdown th {
    background-color: #f2f2f2;
    font-weight: 700
}

.custom-markdown tr:nth-child(even) {
    background-color: #f2f2f2
}

.custom-markdown tr:hover {
    transition: all .3s linear;
    background-color: #f6f6f6
}

.custom-markdown ol,
.custom-markdown ul {
    padding-left: 28px
}

.custom-markdown ol li,
.custom-markdown ul li {
    margin-bottom: 0;
    list-style: inherit
}

.custom-markdown ol li::marker,
.custom-markdown ul li::marker {
    color: #279262
}

.custom-markdown ol li .task-list-item,
.custom-markdown ul li .task-list-item {
    list-style: none
}

.custom-markdown ol li .task-list-item ol,
.custom-markdown ol li .task-list-item ul,
.custom-markdown ul li .task-list-item ol,
.custom-markdown ul li .task-list-item ul {
    margin-top: 0
}

.custom-markdown ol li ol ol,
.custom-markdown ol li ol ul,
.custom-markdown ol li ul ol,
.custom-markdown ol li ul ul,
.custom-markdown ul li ol ol,
.custom-markdown ul li ol ul,
.custom-markdown ul li ul ol,
.custom-markdown ul li ul ul {
    margin-top: 3px
}

.custom-markdown ol li ol li,
.custom-markdown ul li ol li {
    padding-left: 6px;
    color: #282d36
}

.custom-markdown del {
    color: #279262
}

.custom-markdown abbr {
    text-decoration: none;
    border-bottom: 2px dashed #279262;
    font-weight: 700;
    cursor: help;
    transition: all .2s linear
}

.custom-markdown input[type=checkbox]:checked:before {
    content: url();
    position: relative;
    top: -1px;
    left: -1px
}

.custom-markdown .math .katex {
    font-family: Menlo, Monaco, Consolas, Courier New, monospace;
    word-break: break-word;
    border-radius: 2px;
    overflow-x: auto;
    background-color: #f6ffed;
    color: #52c41a;
    font-size: .87em;
    padding: .065em .4em
}

@media (max-width: 720px) {
    .custom-markdown h1 {
        font-size: 22px
    }

    .custom-markdown h2 {
        font-size: 20px
    }

    .custom-markdown h3 {
        font-size: 18px
    }
}

.custom-markdown pre {
    width: 100%;
    margin: .8rem 0;
    border: 1px solid #f6f6f6
}

.custom-markdown code {
    word-wrap: break-word;
    padding: 2px 4px;
    color: #555;
    background: #eee;
    border-radius: 3px;
    font-size: 14px
}

.custom-markdown pre code {
    width: 100%;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
    font-family: Consolas, Liberation Mono, Menlo, Courier, monospace;
    box-sizing: border-box;
    word-break: break-all;
    margin: 0
}

.custom-markdown :not(pre)>code {
    color: red;
    border-radius: 0.3rem;
    border: 0.0625rem solid rgba(0, 0, 0, .1);
    background: #fff8f8 !important;
    padding: 0.2rem 0.3rem !important;
    word-wrap: break-word;
}

.custom-markdown pre.hljs {
    padding: 12px 2px 12px 40px !important;
    border-radius: 5px !important;
    position: relative;
    font-size: 14px !important;
    line-height: 22px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(39, 146, 98, .1), transparent) !important
}

.custom-markdown pre.hljs:before {
    content: "";
    display: block;
    height: 30px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: -2px;
    background: url() 10px 10px no-repeat;
    background-size: 40px
}

.custom-markdown pre.hljs code {
    display: block !important;
    margin: 0 10px 0 0 !important;
    overflow-x: auto !important;
    background: transparent !important;
    color: inherit !important
}

.custom-markdown pre.hljs .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 28px;
    bottom: 12px;
    left: 0;
    font-size: 100%;
    width: 40px;
    text-align: center;
    letter-spacing: -1px;
    border-right: 1px solid #eee;
    user-select: none;
    counter-reset: linenumber
}

.custom-markdown pre.hljs .line-numbers-rows span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber
}

.custom-markdown pre.hljs .line-numbers-rows span:before {
    content: counter(linenumber);
    color: #c1c0c0;
    display: block;
    font-size: .8rem;
    text-align: center
}

.custom-markdown pre.hljs b.name {
    position: absolute;
    top: 5px;
    right: 70px;
    z-index: 10;
    color: #999;
    pointer-events: none
}

.custom-markdown pre.hljs .copy-btn {
    position: absolute;
    top: 5px;
    right: 4px;
    z-index: 10;
    color: #333;
    cursor: pointer;
    background-color: #ffffff80;
    border: 0;
    border-radius: 2px
}

.custom-markdown pre.hljs .copy-btn:hover {
    background-color: #fff
}

.custom-markdown video,
.custom-markdown img {
    border-radius: 8px;
    transition: all .3s linear
}

.custom-markdown img[lazy=loaded] {
    cursor: zoom-in;
}

.custom-markdown video:hover,
.custom-markdown img:hover {
    border-radius: 3px
}

.custom-markdown audio {
    display: block;
    margin: 10px 0;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px
}

.custom-markdown audio::-webkit-media-controls-panel {
    background-color: #f2f2f2;
    border: none;
    border-radius: 5px;
    padding: 5px
}

.custom-markdown audio::-webkit-media-controls-play-button {
    color: var(--color-primary)
}

.custom-markdown .tip-container,
.custom-markdown .warning-container,
.custom-markdown .danger-container,
.custom-markdown .details-container {
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px
}

.custom-markdown .tip-container .cu-title,
.custom-markdown .warning-container .cu-title,
.custom-markdown .danger-container .cu-title,
.custom-markdown .details-container .cu-title {
    font-weight: 700
}

.custom-markdown .tip-container {
    border: 1px solid #8bc34a;
    background-color: #f1f8e9
}

.custom-markdown .tip-container .cu-title {
    color: #8bc34a
}

.custom-markdown .warning-container {
    border: 1px solid #ffc107;
    background-color: #fff8e1
}

.custom-markdown .warning-container .cu-title {
    color: #ffc107
}

.custom-markdown .danger-container {
    border: 2px solid #f44336;
    background-color: #ffebee
}

.custom-markdown .danger-container .cu-title {
    color: #f44336
}

.custom-markdown .details-container {
    border: 1px solid #ddd;
    background-color: #f0f9ff
}

.custom-markdown .details-summary {
    font-weight: 700;
    cursor: pointer
}

.custom-markdown input[type=checkbox] {
    width: 15px;
    height: 15px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    border-radius: 2px
}

.custom-markdown label {
    position: relative;
    padding-left: 5px;
    cursor: pointer;
    font-size: 14px
}

.custom-markdown input[type=checkbox]:disabled+label {
    opacity: .9;
    cursor: not-allowed;
    pointer-events: none
}

.custom-markdown input:checked+label:after {
    display: block
}

.custom-markdown ul {
    list-style-type: disc
}

.custom-markdown ol {
    list-style-type: decimal;
    padding-left: 30px
}

.custom-markdown ul ul,
.custom-markdown ol ul,
.custom-markdown ul ol,
.custom-markdown ol ol {
    margin-top: 10px;
    padding-left: 30px
}

.custom-markdown .toolbar {
    .toolbar-item {
        margin-right: 6px;

        .copy-to-clipboard-button {
            cursor: pointer;

            &:hover,
            &:active,
            &:focus {
                color: #f5f5f5;
            }
        }
    }
}